let js=`

#$
//当前域名
document.domain
#$
//事件获取点击的对象是什么nodeName
ocument.getElementById("main").onclick = function(e) {
                    console.log(e.target);
                    console.log(e.target.id);
                    console.log(e.target.tagName);
                    console.log(e.target.nodeName);
                    console.log(e.target.classList);
                    console.log(e.target.className);
                    console.log(e.target.innerHTML);
                    console.log(e.target.innerText);
                }
            }

#$
//判断是否为严格模式
if(this==undefined){
    alert("是严格模式");
}

#$
js<--常用单词-->
#$
font-size:   说明:文字大小像素
#$
target:_blank 网页打开方式(新窗口)
#$
title=""   鼠标放a标签会提示这个属性值
#$
<img src=".jpg"  width="宽"  height="高"
 alt="描述">
#$
length 数组上标
#$
document.write() 输出内容到HTML页面
#$
function () 定义一个函数
#$
return 函数返回值(用来外部数据交互)
#$
brake 跳出循环
continue 跳过当前循环
#$
取随机数
Math.random();
取X到Y之间随机小数:Math.random()*Y-X)+X;
#$
取x到y之间随机整数:Math.floor(Math.random()*(y+1-x)+x);
#$
数学
取绝对值/:Math.abs()
四舍五入/  Math.round()
向下取整:/Math.floor()
向上取整:/Math.ceil()
#$
定时器setInterval(函数名,时间)//无限循环
#$
setTimeout(函数名,时间)//循环一次
#$
清理定时器
clearInterval/clearTimeout(变量名)
#$
火狐看源码
view-source:http://Corps.waphx.com
$
#$
position:absolute;  //绝对定位(脱离，相对离最近有定位属性父级)
#$
position:static;  //默认浏览器，无定位
#$
position:Fixed;  //浏览器窗口定位，脱离文档流(低版本浏览器需要描述 !DOCTYPE)
#$
position:relative;//相对正常位置定位
#$
border: 3px   solid blue ;   //边框
#$
margin:0px;   //外边距
#$
padding:  //内边距
#$
top //上
bottom //右
right //下
left //左
#$
window.onload;// body加载完毕执行代码
parseInt() //字符串转数字
#$
#$
center 水平居中
middle 垂直居中
align 对齐方式
#$
表格
table
tr 表示一行
td 表示每一行的单元格
示例:

#$
鼠标事件
onclick 单击事件
#$
ondblclick 双击事件
#$
onmousedown 鼠标按钮按下
#$
onmouseup 鼠标按钮松开
#$
onmouseenter 鼠标指针移入某元素触
#$
onmouseleave 鼠标指针移出某元素触
#$
onmouseover 鼠标移动到元素之上
#$
onmouseout 鼠标从某元素上移开
#$
onmousemove 鼠标移动
#$
键盘事件
onkeydown 键盘某键按下事件
#$
onkeyup 键盘某建抬起事件
#$
onkeypress 键盘某键按下并抬起
#$
选择器
#hd>p 选择儿子辈所有p标签
#$
#hd+p 选择仅临在ID标签后面的p标签
#$
#hd~p 选择ID标签后面所有同级p标签
#$
#hd  p[id(ps:就写id)] 选择hd里有id属性的所有p标签
#$
#hd p[name=mj] 选择的是hd里name值是mj的元素
#$
#hd p[id^=o] 选择是#hd里id属性以o开头的p标签
#$
#hd p[id$=r] 选择是#hd里id属性以r结尾的p标签
#$
#hd p[id*=iv] 选择是#hd里id属性包含iv的p标签
#$
伪类选择器(:开头都是)
:root { 选择页面根元素(HTML标签)
}
#$
#hd p:enpty{ //选择#hd里所有空的p标签
}
#$
h2:target{ 选择当前活动的h2标签
}
#$
#hd p:not(#one){ 选择hd里所有的p标签排除掉#one的
#$
浏览器前缀
火狐-moz-
谷歌-webkit-
ie-ms-
opera-o-
#$
p::-moz-selection //选择被用户选取的元素部分
{
}
#$
文本选择器
p:first-letter{ 选择p标签里的第一个字符
color:red;
}
#$
p:first-line{ 选择p标签里的第一行字符
color:red;
}
#$
p:before 在p标签头部插入内容(可以是字符，也可以是其他，可以控制样式)
{
content:"追加的内容";
color:
}
#$
p:after 在p标签后面加入内容(同前)
{
}
#$
表单选择器
input:focus 选择当前获得焦点的表单
{
}
#$
input:enabled 选择已启用的表单
{
background:ren;
}
#$
input:disabled 选择已启用的表单
{
}
#$
input disabled="disabled"> 未启用表单
#$
input:checked 选择每个已选中的表单(所有浏览器不支持)
{
}
#$
border: 5px solid blue; //边框及边框颜色
#$
white-space:nowrap;//强制不换行
#$
overflew:hidden;
text-overflew:clip; 文本右边超出隐藏
overflew:ellipsis 右边文本超出省略号代替(可以自定义省略的字符)
#$
文本添加阴影
text-shadow:参数1参数2参数3参数4
参数1:左右偏移距离
参数2:上下偏移距离
参数3:阴影扩散像素px
参数4:阴影颜色
#$
盒子添加阴影
box-shadow:参数1参数2参数3参数4
参数1:左右偏移距离
参数2:上下偏移距离
参数3:模糊距离
参数4:阴影尺寸(实心部分和边框差不多)
参数5:阴影颜色
#$
opacity:0.6;  透明度(包括内容全部透明)
#$
rgba(0,0,0,0.5);透明度(光透明背景内容不会透明)
#$
min-width:元素可接受最小宽度
max-width:元素可接受最大宽度
min-height:元素可接受最小高度
max-height:元素可接受最大高度
#$
input type=text autofocus name=文本框ID> autofocus是h5打开页面自动获得焦点
#$
document.getElementByID("ID").focus();  JS让单行文本获得焦点
#$
<hr/>水平线
#$
盒子模型总尺寸包括内外边距边框//
box-sizing:content-box|border-box;
content-box:外边距和边框不算其中
border-box:盒子模型总宽度，包括外边距和边框
#$
分栏:
column-wihth:100px; 栏宽
column-count:100px; 列数
column-gap:1px; 列间距
column-rule:1px solid blue;分割线(同边框)
#$
背景图设置:
background:url(图片名.jpg) no-repeat;
属性:no-repeat 平铺不重复
.......
#$
背景图大小:
background-size:10px,10px;改尺寸
background-size:100%,100%;填满
background-size:cover;宽度100%,高度等比例缩放
background-size:contain;高度100%宽度等比例缩放
#$
轮廓:(不占用空间)
和边框用法一样
outline-color:规定轮廓颜色
outline-style:规定轮廓样式
outline-width:规定轮廓宽度
#$
线性渐变:
linear-gradient(渐变起始位置[可以是两个参数left中间空格top],颜色1,颜色2.......)
示例:
background:-moz-linear-gradient(left,red,blue....)
#$
圆角:
border-radius:顺时针四个参数，一个表示四个角
#$
响应试布局:
(screen and 判断是否是屏幕设备)
<style>
//当前浏览器宽度大于100px时执行里面代码(max是最小时)
@media only screen and (min-wihth:100px){
}
@media only screen and (min-wihth:100px) and (max-wihth:200px)
{
100到200之间执行此处
}
</style>
#$
引入CSS:
(响应试)
<link rel="stylesheet" type="text/CSS" href="a.css" media="screen and (max-wihth:100px)"/>
#$
css3运动:
transition:width(all) 3s 1s ease-in;
参数1:当宽度(all为任何属性发生变化)时
参数2:运动时间3秒
参数3:延时1秒执行
参数4:运动曲线
运动曲线:
ease:默认值(逐渐慢)等同于塞贝尔曲线(0.25,0.1,0.25,1)
linear:匀速
ease-in:加速
ease-out:减速
ease-in-out:加速然后减速
例子:
#id{
width:
height:
transition:width(all) 3s 1s ease-in;
}
#id:hover
{
width:1000px
}
#$
2D旋转:
transform:rotate(360deg);
参数:
rotate(360deg);//2d旋转正为顺负反之
translate(x,y);//相对正常位置平移
scale(1.5,0.8);//相对于正常大小宽1.5,高0.8倍缩放
skew:(30deg,60deg);//扭曲，参数1左右扭曲30度，参数2上下扭曲60度
transform-origin:20% 40%;//设置旋转元素的基点位置
#$
overflow:hidden;//溢出隐藏
#$
运动:(主动)
animation:run 3s;//定义名和时间
参数:
参数1:animation-name:name;定义名
参数2:-duration:1s;定义运动时间
参数3:-timing-function:运动曲线
运动曲线:
ease:默认值(逐渐慢)等同于塞贝尔曲线(0.25,0.1,0.25,1)
linear:匀速
ease-in:加速
ease-out:减速
ease-in-out:加速然后减速
参数4:-delay:2s;延时时间
参数5:-iteration-count:3;循环执行次数，默认1(infinite无限)
参数6:-direction:alertnate;反向轮流播放
animation-play-state:paused;
参数:running(重新开始)或paused(暂停)
示例:
#id:hover{
animation-play-state:paused;/:暂停
}
定义运动规则:
@keyframes run{
//(form为开始to为结束百分比时不用此参数)
from(0%){
wihth:100px;//开始位置
}
to(50%){ //时间的50%时到达的位置
wihth:800px;终止位置
}
100%{
wihth:1000px;
}
}
#$
text-align:center;//文字左右居中
line-height: 100px(控件高);//文字上下居中
#$
//跳回一个页面
header("Refresh:3;url=message.php");
#$
//浮动
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
#$
//列表去小圆点
li{ list-style:none;}

#$
javascript中的后退和刷新；
input type=button value=刷新 onclick="window.location.reload()">
input type=button value=前进 onclick="window.history.go(1)">
input type=button value=后退 onclick="window.history.go(-1)">
input type=button value=前进 onclick="window.history.forward()">
input type=button value=后退 onclick="window.history.back()"> 后退+刷新
input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">

#$
//设置cookie
document.cookie="userId=828;userName=hulk";

//获取cookie
function getCookie(c_name){
　　　　if (document.cookie.length>0){　　//先查询cookie是否为空，为空就return ""
　　　　　　c_start=document.cookie.indexOf(c_name + "=")　　//通过String对象的indexOf()来检查这个cookie是否存在，不存在就为 -1　　
　　　　　　if (c_start!=-1){ 
　　　　　　　　c_start=c_start + c_name.length+1　　//最后这个+1其实就是表示"="号啦，这样就获取到了cookie值的开始位置
　　　　　　　　c_end=document.cookie.indexOf(";",c_start)　　//其实我刚看见indexOf()第二个参数的时候猛然有点晕，后来想起来表示指定的开始索引的位置...这句是为了得到值的结束位置。因为需要考虑是否是最后一项，所以通过";"号是否存在来判断
　　　　　　　　if (c_end==-1) c_end=document.cookie.length　　
　　　　　　　　return unescape(document.cookie.substring(c_start,c_end))　　//通过substring()得到了值。想了解unescape()得先知道escape()是做什么的，都是很重要的基础，想了解的可以搜索下，在文章结尾处也会进行讲解cookie编码细节
　　　　　　} 
　　　　}
　　　　return ""
　　}
　
//删除cookie　
//获取当前时间
var date=new Date();
//将date设置为过去的时间
date.setTime(date.getTime()-1);
//将userId这个cookie删除
document.cookie="userId=828;expire="+date.toGMTString();

//设置cookie有效期
//cookie 会在浏览器关闭的时候自动清除，但是我们可以通过expires来设置 cookie 的有效期。语法如下：
　document.cookie = "name=value;expires=date";
#$
//递归遍历多维不规则数组重新组装一个新对象
function traverse(obj) {
    for (var a in obj) {
      if (typeof(obj[a]) == "object") {
        traverse(obj[a]); //递归遍历
      } else{
//不为对象则把键名设置为对象属性名
//把值设置为对象属性
//这样赋值属性名attribute = a;
let attribute = a;
obj1[attribute] = obj[a];
//alert(a + "=" + obj[a]); 
      }
    }
   return obj1; 
}//traverse()
let obj1={};
//传入多维不规则对象数组
var position=traverse(data);
alert(position.city)
 

#$
//打印原始对象数据
var a = JSON.stringify(object);
console.log(a);
#$
switch ($(this).html()) {
  case "HTML":
    alert("是html");
    break;
  case "JS":
    alert("是js");
    break;
  default://默认代码块以上都为false
    alert("默认值这是");
}
#$
 //创造一个html元素
 let createElement = document.createElement( 'div' );
document.body.appendChild( createElement );
//overflow":"auto"滚动条需要设置宽高
$(createElement).css({"position":"fixed","width":"100%","height":"100vh","top":"14vh","left":"2vw","overflow":"auto",});
$(createElement).html(obj);
#$
//jquery判断元素是否存在
if($("#createElement_id").length>0){
let data1 = JSON.stringify(data);
$("#createElement_id").html(data1);
return "";
}
#$
//js

#$
//下拉菜单发生改变事件
$(document).on('change',"#xllb",function(){
  var xlbb=$('#xllb').val();
}
#$
//js弹窗
//确定返回true,取消返回false
var bool=confirm("确定退出?");

#$
//js弹窗
//确定获取值,取消返回null
var str=prompt("输入内容");


#$
//未来元素邦事件on方法
//每次绑定之前最后解绑
//document事件委托
$(document).on("click", "#testDiv", function(){ 
//此处的$(this)指$( "#testDiv")，而非$(document) 
}); 

#$
//on方法未来元素
$("#aa").on("click",function(){
	
	//代码
});



#$
//off()解绑on()绑定的事件
//怎么绑定的就怎么解除否则无效
$(document).off("click");
$("#aa").off("click");



#$
//


`;

export{
    js,
    
}